<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			.h1 {
				color: blue;
			}
			
			div h1 {
				color: red;
			}
		</style>
	</head>

	<body>// id选择器  类选择器   后代选择器  标签选择器
		<!--
			优先级的规则：
			1：如果选择器相同，就近原则
			2: 一个是类选择器，一个是标签选择器，类选择器优先级高
			3: 一个是id选择器，一个是类选择器，那么id选择器优先级别高
			4: 一个是标签选择器，一个是后代选择器，那么后代选择器优先级高
		-->
		<div>
			<h1 class="h1">黑马程序员</h1>
		</div>
	</body>

</html>